<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/index.css">
		<title>首页</title>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<div class="header_top">
				<div class="container">
					<ul class="nav nav-pills">
						<li><a href="login.html">登陆</a></li>
						<li><a href="Registration.html">免费注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--header end-->
		
		<!--content-->
		<div class="content">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="img/logo.png" alt="logo" class="img-responsive" /></a>
				</div>
				<div class="sm_nav navbar-header">
			        <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
			        </button>
			    </div>
				<div class="nav_first collapse navbar-collapse" id="example-navbar-collapse">
					<div class="nav_logo"><a href="index.html"><img src="img/logo.png" alt="logo" class="img-responsive" /></a></div>
					<ul class="nav navbar-nav">
						<li><a class="default" href="index.html">首页</a></li>
						<li><a href="about_us.html">品牌介绍</a></li>
						<li><a href="news.html">新闻中心</a></li>
						<li><a href="product.html">产品中心</a></li>
						<li><a href="contact_us.html">联系我们</a></li>
						<li><a href="member_center.html">个人中心</a></li>
					</ul>
				</div>
				<div class="text">
					<div class="row">
						<div class="text-left col-sm-3">
							<ul class="nav">
								<li><a href="product.html">产品推介</a></li>
								<li class="default"><a href="about_us.html">关于JHV</a></li>
								<li><a href="###">旗下品牌</a></li>
								<li><a href="###">招商加盟</a></li>
								<li><a href="###">社会责任</a></li>
								<li><a href="member_center.html">个人中心</a></li>
							</ul>
						</div>
						<div class="col-sm-9 col-xs-12">
							<a href="product.html"><img class="img-responsive" src="img/banner.png" alt="banner"></a>
						</div>
					</div>
				</div>
			</div>
			<div class="search">
				<form>
					<div class="search_text input-group">
						<span class="input-group-btn dropup">
							<button class="btn btn-default dropdown-toggle btn-md" data-toggle="dropdown" type="button">搜品牌</button>
							<ul class="dropdown-menu" role="menu">
						         <li><a href="#">品牌一</a></li>
						         <li><a href="#">品牌二</a></li>
						         <li><a href="#">品牌三</a></li>
						         <li><a href="#">品牌四</a></li>
						    </ul>
						</span>
						<input type="text" class="form-control input-md" />
						<span class="input-group-btn">
							<button class="btn btn-default btn-md search_button" type="button"></button>
						</span>
					</div>
				</form>
			</div>
		</div>
		<!--content end-->
		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="text_position list_text col-xs-4 col-sm-4 col-md-3">
						<h4>公司地址</h4>
						<p>北京市海淀区北洼路9号院1号楼</p>
					</div>
					<div class="list_text col-xs-2 col-sm-2 col-md-2">
						<h4>公司电话</h4>
						<p>010-88583263</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>公司emali</h4>
						<p>JHV168@163.com</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>jhv自媒体平台</h4>
						<ul>
							<li class="pull-left"><a href="###"><img src="img/icon_01.png" alt="icon_01" /></a></li>
							<li class="pull-left"><a href="###"><img src="img/icon_02.png" alt="icon_01" /></a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-3">
						<span class="footer_text">© JHV中国官网. All rights reserved.</span>
					</div>
				</div>
			</div>
		</div>
		<!--footer end-->
		
	</body>
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/nav_logo.js"></script>
		<!--[if lte IE 9]>
		<script src="js/respond.min.js"></script>
		<script src="js/html5shiv.min.js"></script>
		<![endif]-->
</html>
